<!--
@UIA-WIN-DENY:*
@UIA-WIN-ALLOW:AriaProperties*
-->
<!DOCTYPE html>
<html>
<body>
  <div id="d1" aria-label="Item1" aria-live="polite">Item1</div>
  <div id="d2" aria-label="Item2" aria-live="polite" aria-atomic="true">Item2</div>
  <div id="d3" aria-label="Item3" aria-live="polite" aria-atomic="true">Item3</div>
  <div id="d4" aria-label="Item4" aria-live="polite">Item4</div>
  <div id="d5">Item5</div>
  <button onclick="go()">go</button>
  <script>
    function go() {
      // Set aria-atomic from default false->false; should not fire an event.
      document.getElementById('d1').setAttribute('aria-atomic', false);

      // Set aria-atomic from true->false; should fire an event.
      document.getElementById('d2').setAttribute('aria-atomic', false);

      // Set aria-atomic from true->[removed]; should fire an event.
      document.getElementById('d3').removeAttribute('aria-atomic');

      // Set aria-atomic from false->true; should fire an event.
      document.getElementById('d4').setAttribute('aria-atomic', true);

      // Set aria-atomic from false->true on a non-live region;
      // should not fire an event.
      document.getElementById('d5').setAttribute('aria-atomic', true);
    }
  </script>
</body>
</html>
